// 按需导入 mapGetters 这个辅助方法
import {mapGetters} from 'vuex';
export default {
  computed:{
    // 将m_cart模块中的total映射为当前页面的计算属性，
    ...mapGetters('m_cart',['total']),
  },
  // 添加watch监听器，动态设置tabbar徽标的值，
  watch:{
    // 监听total值的变化，
    total(){
      // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽标赋值，
      this.setBadge();
    }
  },
  onShow(){
    // 在页面刚展示的时候，设置数字徽标
    this.setBadge()
  },
  methods:{
    setBadge(){
      // 调用uni.setTabBarBadge()方法，为购物车设置右上角的徽标
      uni.setTabBarBadge({
        index:2, //索引
        text:this.total +'',  //注意：text的值必须是字符串，不能是数字，
      });
      
      // 如果购物车数量小于1，则隐藏徽标
      if(this.total < 1){
        uni.removeTabBarBadge({
          index:2,
        })
      };
    }
  },
};